<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
    <!-- 左侧个人信息 -->
    <div class="left">
        <div class="profile">
            <p id="info">个人信息</p>
            <img src="zyt.jpg" height="115" width="120 alt="头像/>
            <h2>lx</h2>
            <p>炒粉&炒饭工程师</p>
            <ul>
                <li>院校：内蒙古工业大学</li>
                <li>学历：全日制学硕</li>
                <li>籍贯：内蒙古呼和浩特市</li>
                <li>外语 ：PETS-6</li>
            </ul>
            <p>电话：17801359139</p>
        </div>
        <!-- 技能描述 -->
        <div class="skills">
            <h2 id="info2">技能描述</h2>
            <ul>
                <li>
                    <span>打胶</span>
                    <div class="progress-bar1"></div>
                </li>
                <li>
                    <span>原神</span>
                    <div class="progress-bar2"></div>
                </li>
                <li>
                    <span>孙吧Lv</span>
                    <div class="progress-bar3"></div>
                </li>
                <li>
                    <span>成绩</span>
                    <div class="progress-bar4"></div>
                </li>
            </ul>
        </div>

        <form class="contact-form">
            <p class="lianxi">联系我</p>
            <label for="email">Enter email:</label>
            <input type="email" id="email" name="email" required>
            <br>
            <label for="password">Password:</label>
            <input type="password" id="password" name="password" required>
            <br>
            <button type="submit">Submit</button>
        </form>
    </div>

    <!-- 右侧项目经验、获奖情况和证书 -->
    <div class="right">
        <!-- 项目经验 -->
        <div class="introduce">
            <p>四年的成果说明，2019年xxx比赛1等奖，
                住文具收团边变基切者度，必整火身居要选将。
                院已素单被权，前已满思式给，深L过很镰。的发质南这领着当，三立形气海都，
                共总C叫肃边。划下具导去院众心切更几，维土清还和文节命作计能，少区蠢肃维常管私活。
                京识如太和体时品全，自的的角风书家，给机刷这秀特天。目重圆应道美张信感，确平它形花相我，
                状酸该联级手何。导列都特族织使新任实前，取实处家同却约严完提，更图励苗速V很代又。被省了识调听他龙山养，
                长清接海面花等素，集局建电束或将1。</p>
        </div>
        <div class="experience">
            <h2>项目经验</h2>
            <ul>
                <li>
                    <h3>简易购物系统前端开发</h3>
                    <div class="rgtex">
                        <p>项目周期:2周</p>
                        <p>项目简介：采用Bootstrap前端框架，实现简易购物系统的前端页面。该前端页面分为前后端两大部分。</p>
                        <p>
                            个人模块：1.说明个人的职责；2.说明功能实现的具体的技术要点；3.说明具体的难点；少区肃盛常管空话。京识如太和时品全，自的的风书家，给剧刷这特特天。且圆重应道美张信感，确平它形花相我，状酸谈联袂手何。导列都调词织使新任前，取实处家同却严提，更图励亩速V很代又。被省了识调听他龙山养，长清接面花等素，集局建电束或将1。况般且望为较，许北Nv体。</p>
                    </div>
                </li>
            </ul>
        </div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

        <!-- 获奖情况 -->
        <div class="award">

            <h2>获奖情况</h2>
            <table>
                <tr>
                    <th>时间</th>
                    <th>说明</th>
                </tr>
                <tr>
                    <td>2019年11月</td>
                    <td>校级教学金</td>
                </tr>
                <tr>
                    <td>2019年9月</td>
                    <td>优秀军训标兵</td>
                </tr>
                <tr>
                    <td>Larry</td>
                    <td>the Bird</td>
                </tr>
            </table>
        </div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <div class="experience">
            <h2>证书</h2>
            <ul>
                <li>
                    <div class="rgtex">
                        <p>Anim pariatur cliche reprehenderit, enim eiusmod hiah life accusamus terry richardson ad
                            sauid3 wolf moon officia aute, non cupidatat skateboard dolor brunch, Food truck quinoa
                            nesciuntlaborum ejusmod, Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                            single-origircoffee, nulla assumenda shoreditch et, Nihil anim keffiveh helvetica, craft
                            beer labore wesanderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
                            lomo. Leggingsoccaecat craft beeer farm-to-table, raw denim aesthetic synth nesciunt you
                            probably haven't hearcof them accusamus labore sustainable VHS</p>
                    </div>
                </li>
            </ul>
        </div>

    </div>
</div>
</body>
</html>